/* 外部样式表：1.通配选择器 2.css编码集[外链去掉-]
              utf-8表示为 “utf8”
			  注意：后面分号不能用中文，不可去掉
 */
@charset "utf8";
/* 通配选择器：统一规划页面上的样式：文字、超链接、
 盒子模型针对外边距【有部分元素存在外边距】
 列表针对两个列表自带样式【去掉列表样式】
 颜色.......
 */
*{font-family: 微软雅黑,sans-serif;
  text-decoration: none;
  list-style-type: none;
  margin: 0;/* 自带外边距的元素：h1 div p ul ol hr */
  padding: 0;
  color:#333;
  }
  /* 给所有的div元素添加圆 300*300 文本垂直居中放大 */
  div{
	  width: 300px;
	  height: 300px;
	  bord er: 1px solid red;
	  border-radius: 50%;
	  font-size: 8em;
	  text-align: center;
	  line-height: 300px;
	  /* 浮动float：
	   none默认不浮动
	   left左浮动 元素变成块元素，脱离文档流
	   right有浮动 元素变成块元素，脱离文档流
	                    【按照顺序首元素靠右（列表元素内容颠倒）】
	   */
	  float: right;
  }
  
  .d1{
	  background-color: aqua;
  }
  .d2{
	  background-color: aquamarine;
  }
  .d3{
	  background-color: brown;
  }
  .d4{
	  background-color: chartreuse;
	  /* clear:清除浮动 */
	  clear: both;
	  top: -100; 
	  margin-right: 75%;
  }